<template>
  <el-row type="flex" justify="space-between">
    <el-date-picker
      v-model="value7"
      type="daterange"
      align="right"
      unlink-panels
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :picker-options="pickerOptions2"
      disabled>
    </el-date-picker>
    <el-select v-model="value" placeholder="请选择" 
      @change="changeBranch">
    <el-option
      v-for="item in options"
      :key="item.branchId"
      :label="item.branchName"
      :value="item.branchId">
    </el-option>
  </el-select>
  </el-row>
</template>
<script>
  export default {
    data() {
      return {
        pickerOptions2: {
          shortcuts: [{
            text: '最近一周',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近一个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近三个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit('pick', [start, end]);
            }
          }]
        },
        value7: '',
        value: JSON.parse(sessionStorage.getItem('selected_branch_id'))
      };
    },
    computed:{
      options() {
        return JSON.parse(sessionStorage.getItem('branch_list'))
        // return this.$store.state.app.branchList
      },
      // value() {
      //   return JSON.parse(sessionStorage.getItem('selected_branch_id'))
      // }
    },
    methods: {
      changeBranch() {
        sessionStorage.setItem('selected_branch_id', this.value)
        // console.log(this.$store)
        // this.$store.commit('setSelectedBranchId', this.value)
        // console.log(this.value)
        this.$router.go(0)
      }
    }
  };
</script>